<nav class="white" role="navigation">
  <div class="nav-wrapper container">
    <a id="logo-container" href="#" class="brand-logo light">个旅定制</a>
    <ul class="right hide-on-med-and-down">
      <li><a [routerLink]="['/index']" routerLinkActive='active'>首页</a></li>
      <li><a [routerLink]="['/about']" routerLinkActive='active'>关于</a></li>
      <li *ngIf="is_login != 'true'"><a (click)="showLogin()">登陆</a></li>
      <li *ngIf="is_login == 'true'"><a (click)="loginOut()">退出</a></li>
    </ul>

    <ul id="nav-mobile" class="side-nav">
      <li><a [routerLink]="['/index']" routerLinkActive='active'>首页</a></li>
      <li><a [routerLink]="['/about']" routerLinkActive='active'>关于</a></li>
      <li><a (click)="showLogin()">登陆</a></li>
    </ul>
    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
  </div>
  {{is_login}}
</nav>
<app-login [type]="type"></app-login>
<app-toast [msg]="msg"></app-toast>